<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>充值订单</title>
		<link rel="stylesheet" type="text/css" href="../mobile/js/layer/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>
	<body>
		
		<div class="main_bg">
			
			<div class="order_head">
					<b class="meunhead">
						<a href="javascript:void(0)" class="levelmeun active">
							<span>订单</span><i class="iconfont">&#xe601;</i>
						</a>
						<span class="twolevelmeun">订单充值列表</span>
					</b>
					<span class="order_num">共3433记录</span>
					<button class="refresh_btn">刷新</button>
					
					<input type="text" placeholder="请选择开始时间" class="layui-input datatext" id="start">
					<span>至</span>
					<input type="text" placeholder="请选择结束时间" class="layui-input datatext" id="end">
					<input type="text" class="seachtext" placeholder="请输入关键字" />
					
					<button class="seachbtn">查找</button>
			</div>
			
			<div class="orderbox">
				<table width="100%" cellpadding="0" cellspacing="0" class="ordertable">
					<thead>
						<tr>
							<th>设备码</th>
							<th>代理商名称</th>
							<th>订单号</th>
							<th>充值套餐</th>
							<th>充值金额</th>
							<th>充值时间</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td>1111</td>
							<td>好代理</td>
							<td>21334534</td>
							<td>3个月流量套餐</td>
							<td>25</td>
							<td>20-24-45</td>
							<td>已支付</td>
							<td>
								<button class="iconfont or_icon">&#xe69f;</button>
								<button class="iconfont or_icon">&#xe664;</button>
							</td>
						</tr>
						
						<tr>
							<td>1111</td>
							<td>好代理</td>
							<td>21334534</td>
							<td>3个月流量套餐</td>
							<td>25</td>
							<td>20-24-45</td>
							<td>已支付</td>
							<td>
								<button class="iconfont or_icon">&#xe69f;</button>
								<button class="iconfont or_icon">&#xe664;</button>
							</td>
						</tr>
						
						<tr>
							<td>1111</td>
							<td>好代理</td>
							<td>21334534</td>
							<td>3个月流量套餐</td>
							<td>25</td>
							<td>20-24-45</td>
							<td>已支付</td>
							<td>
								<button class="iconfont or_icon">&#xe69f;</button>
								<button class="iconfont or_icon">&#xe664;</button>
							</td>
						</tr>
					</tbody>
				</table>
				
				
				<div id="page"></div>
			</div>
		</div>
		
		
	</body>
	<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
	<script src="../mobile/js/layer/layui.js"></script>
	
	<script>
		layui.use('laydate', function(){
		  var laydate = layui.laydate;
		  
		  //执行一个laydate实例
		  laydate.render({
		    elem: '#start' //指定元素
		  });
		  
		  laydate.render({
		    elem: '#end' //指定元素
		  });
		  
		});
		
		layui.use('laypage', function(){
		  var laypage = layui.laypage;
		  
		  //执行一个laypage实例
		  laypage.render({
		    elem: '#page'
		    ,count: 100
		    ,theme: '#1E9FFF'
		  });
			
		});
		
		
	</script>
	
</html>
